<?php
/**
 * The template for displaying product content in the single-product.php template
 *
 * Override this template by copying it to yourtheme/woocommerce/content-single-product.php
 *
 * @author 		WooThemes
 * @package 	WooCommerce/Templates
 * @version     1.6.4
 */
if (!defined('ABSPATH'))
    exit; // Exit if accessed directly
global $product, $woocommerce;
$option = get_option('kkfashion_1_settings');
//$tags = get_the_term_list(get_the_ID(), 'product_tag', '', ', ', '');
$product_cats = wp_get_post_terms( get_the_ID(), 'product_cat' );
 switch ($product_cats[0]->name) {
        case 'Đầm công sở':
            $type_tags = 'dcs_tags';
            break;
        case 'Đầm dạ hội':
            $type_tags = 'ddh_tags';
            break;
        case 'Phụ kiện':
            $type_tags = 'pk_tags';
            break;
        case 'Váy chống nắng':
            $type_tags = 'vcn_tags';
            break;
        default:
            $type_tags = 'footer_tags';
            break;
    }
    $tags = '';
    foreach(explode(",", $option[$type_tags]) as $tag ){
        $tagurl = get_site_url().'/product-tag/'.str_replace(' ','-',trim(vn_str_filter($tag)));
        $tags .= "<a href='$tagurl'>$tag</a>, "; 
    }
$get_regular_price = get_post_meta(get_the_ID(), '_price', true);
$get_regular_price = $get_regular_price ? number_format($get_regular_price, 0, ',', '.') : 0;
?>


<!-- Content -->
<div class="main-content container dat_hang simplepro">
    <div class="row">
        <div class="col-lg-5 col-sm-6 col-12 thumb-product">
            <div class="hidden-sm">
                <img id="mainfutured" src="<?php echo get_mthumb_link($product->get_sku(), '356_520'); ?>" class="img-thumbnail" />
            </div>
            <div class="visible-sm">
                <div id="carousel-example-generic-smp" class="carousel slide">
                <div class="item active">
                    <img id="mainfutured" src="<?php echo get_mthumb_link($product->get_sku(), '356_520'); ?>" class="img-thumbnail" />
                </div>
                <?php
                global $post, $product, $woocommerce;

                $attachment_ids = $product->get_gallery_attachment_ids();

                if ($attachment_ids && count($attachment_ids)) {
                    ?>

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner">
                            <?php
                            $loop = 0;
                            $columns = apply_filters('woocommerce_product_thumbnails_columns', 3);

                            foreach ($attachment_ids as $attachment_id) {

                                $classes = array('zoom');

                                    $classes[] = 'img-thumbnail';

                                $imglink = get_mthumb_link($product->get_sku(), '356_520');
                                ?>
                                <div class="item">
                                    <img src="<?php echo $imglink; ?>" class="img-thumbnail" />
                                </div>
                            <?php } ?>
                        </div>
                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic-smp" data-slide="prev">
                            <span class="icon-prev"></span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic-smp" data-slide="next">
                            <span class="icon-next"></span>
                        </a>
                    <?php } ?>
                    </div>
            </div>
        </div>
        <div class="col-lg-7 col-sm-6 col-12">
            <div class=""><?php do_action('woocommerce_single_product_excerpt') ?></div>
            <?php if ($tags != '') { ?>
                <p>Tags: <?php echo $tags ?></p>
            <?php } ?>
            <p id="prosize">
                <span class="size active" itemid="s" >S</span>
                <span class="size" itemid="m" >M</span>
                <span class="size" itemid="l" >L</span>
                <span class="size xl" itemid="xl" >XL</span>
            </p>
            <p class="price">
                <span class="pull-left"><?php echo $get_regular_price ?> VND</span>
                <span class="pull-right"><?php echo $product->get_sku(); ?></span>
            </p>
            <div class="social-review visible-sm">
                <div class="col-lg-6 product-social">
                    <div style="margin-top: 10px;">
                        <div class="no-left no-right" style="display:inline-block;margin-right:5px;">Gửi mail cho bạn: </div> 
                        <!-- AddThis Button BEGIN -->
                        <div class="addthis_toolbox addthis_default_style " style="display: inline-block;width: 95px;">
                        <a class="addthis_button_preferred_1"></a>
                        <a class="addthis_button_preferred_2"></a>
                        <a class="addthis_button_compact"></a>
                        <a class="addthis_counter addthis_bubble_style"></a>
                        </div>
                        <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-526f7c6c2c7fadaa"></script>
                    </div>
                </div>
                <div class="col-lg-6">
                    Đánh giá:
                    <?php echo do_shortcode('[starrater]') ?>
                </div>
            </div>
            <div>
                <div class="col-lg-6 product-cart">
                    <a href="<?php echo site_url() ?>/cart">Giỏ hàng (<span id="numpro"><?php echo $woocommerce->cart->cart_contents_count; ?></span>)</a>

                </div>
                <div class="col-lg-2 col-sm-3 no-left">
                    <?php previous_post_link_product('%link', '<button class="btn btn-custom">Quay lại</button>', true); ?>


                </div>
                <div class="col-lg-2 col-sm-3 no-left">
                    <?php next_post_link_product('%link', '<button class="btn btn-custom">Xem tiếp</button>', true); ?>

                </div>
                <?php if ($get_regular_price) { ?>
                    <div class="col-lg-2 col-sm-3 no-left ycart">
                        <?php do_action('woocommerce_single_product_summary') ?>
                    </div>
                <?php } ?>
            </div>
            <div class="clearfix"></div>
            <!-- show on mobile --> 
            <div class="social-review hidden-sm">
                <div class="col-lg-7 product-social">
                    <div style="margin-top: 2px;">
                        <div class="no-left no-right" style="display:inline-block;margin-right:5px;">Gửi mail cho bạn: </div> 
                        <!-- AddThis Button BEGIN -->
                        <div class="addthis_toolbox addthis_default_style " style="display: inline-block;width: 95px;">
                        <a class="addthis_button_preferred_1"></a>
                        <a class="addthis_button_preferred_2"></a>
                        <a class="addthis_button_compact"></a>
                        <a class="addthis_counter addthis_bubble_style"></a>
                        </div>
                        <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-526f7c6c2c7fadaa"></script>
                    </div>
                </div>
                <div class="col-lg-5">

                    <div style="width: 140px; text-align: right; overflow: hidden; float: right;">
                        <span class="provote"> Đánh giá:</span> <?php echo do_shortcode('[starrater]') ?>
                    </div>
                </div>
            </div>
            <br />
            <div class="clearfix"></div>
            <?php do_action('woocommerce_product_thumbnails'); ?>
        </div>
    </div>

    <!-- product description --> 
    <div class="row m20t">
        <div class="col-lg-8">
            <div class="tab-product hidden-sm">
                <div id="tab1" class="col-4">Thông tin sản phẩm</div>
                <div id="tab2" class="col-4">Hướng dẫn mua hàng</div>
                <div id="tab3" class="col-4">Đánh giá của khách hàng</div>
            </div>
            <div class="tab-product-content">
                <div class="col-12 visible-sm">
                    <div id="tab1">
                        <p>Thông tin sản phẩm</p>
                    </div>
                </div>
                <div id="ctab1">
                    <div style='text-align: center'>
                        <img src="<?php echo get_mthumb_link($product->get_sku(), '500_750'); ?>" alt='<?php the_title() ?>' title='<?php echo get_the_title() . '-' . $product->get_sku(); ?>' class="img-thumbnail" />
                    </div> <br/>
                    <?php $attr = $product->get_attributes(); ?>
                    <?php if (isset($attr['mau-sac']['value'])) { ?>
                        <p><b>1. <?php echo $attr['mau-sac']['name'] ?>: </b> <?php echo $attr['mau-sac']['value'] ?></p>
                    <?php } ?>
                    <?php if (isset($attr['chat-lieu']['value'])) { ?>
                        <p><b>2. <?php echo $attr['chat-lieu']['name'] ?>: </b> <?php echo $attr['chat-lieu']['value'] ?></p>
                    <?php } ?>
                    <?php if (isset($attr['kich-thuoc']['value'])) { ?>
                        <p><b>3. <?php echo $attr['kich-thuoc']['name'] ?>: </b></p>
                    <?php } ?>
                    <?php
                    $sizevales = $attr['kich-thuoc']['value'];
                    $allsize = explode(",", $sizevales);
                    ?>
                    <table class="table table-condensed size-table">
                        <thead>
                            <tr>
                                <th><div>Size</div></th><th><div>Vòng 1</div></th><th><div>Vòng 2</div></th><th><div>Vòng 3</div></th>
                        </tr>
                        </thead>
                        <tbody>
                            <?php
                            if (isset($allsize[0]) && $allsize[0] != '') {
                                $size = explode("-", $allsize[0])
                                ?>
                                <tr>
                                    <td>S</td><td><?php echo $size[0] ?></td><td><?php echo $size[1] ?></td><td><?php echo $size[2] ?></td>
                                </tr>
                            <?php } ?>
                            <?php
                            if (isset($allsize[1]) && $allsize[1] != '') {
                                $size = explode("-", $allsize[1])
                                ?>
                                <tr>
                                    <td>M</td><td><?php echo $size[0] ?></td><td><?php echo $size[1] ?></td><td><?php echo $size[2] ?></td>
                                </tr>
                            <?php } ?>
                            <?php
                            if (isset($allsize[2]) && $allsize[2] != '') {
                                $size = explode("-", $allsize[2])
                                ?>
                                <tr>
                                    <td>L</td><td><?php echo $size[0] ?></td><td><?php echo $size[1] ?></td><td><?php echo $size[2] ?></td>
                                </tr>
                            <?php } ?>
                            <?php
                            if (isset($allsize[3]) && $allsize[3] != '') {
                                $size = explode("-", $allsize[3])
                                ?>
                                <tr>
                                    <td>XL</td><td><?php echo $size[0] ?></td><td><?php echo $size[1] ?></td><td><?php echo $size[2] ?></td>
                                </tr>
                            <?php } ?>

                            </tr>
                        </tbody>
                    </table>
                    <p><b>4. Hướng dẫn giao hàng: </b></p>
                    <table class="table table-condensed size-table grid-table hdm">
                        <thead>
                            <tr>
                                <th width="25%"><div>Khu vực giao hàng</div></th><th width="25%"><div>Hình thức giao hàng</div></th><th width="25%"><div>Thời gian giao hàng</div></th><th width="25%"><div>Phí vận chuyển</div></th>
                        </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>TP.HCM</td><td>Chuyển khoản qua 1 trong 8 tài khoản ngân hàng</td><td>Nhận trong vòng từ 1~3 ngày sau khi hoàn thành đặt hàng</td><td>Mua 1 sp phí là 35.000 VNĐ. Trên 2 sản phẩm được miễn phí vận chuyển</td>
                            </tr>
                            <tr>
                                <td>Toàn bộ tỉnh, thành phố khác và ngoài TP.HCM</td><td>Chuyển khoản qua 1 trong 8 tài khoản ngân hàng</td><td>Nhận trong vòng từ 2~4 ngày sau khi hoàn thành đặt hàng</td><td>Mua 1 sp phí là 35.000 VNĐ. Trên 2 sản phẩm được miễn phí vận chuyển</td>
                            </tr>
                        </tbody>
                    </table>
                    <p><b>5. Điều kiện đổi/trả hàng: </b></p>
                    <table class="table table-condensed size-table grid-table dkth">
                        <thead>
                            <tr>
                                <th width="40%"><div>Quy định chung</div></th><th width="30%"><div>Vấn đề đổi hàng</div></th><th width="30%"><div>Phí trả hàng</div></th>
                        </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Hàng còn nguyên tem, mạc, không bị dơ bẩn, hư hỏng, trầy xước, có mùi đã qua sử dụng hoặc đã qua giặt, tẩy.</td><td>Lưu ý: Khách hàng vui lòng đổi hàng vào buổi chiều.</td><td>20.000 VNĐ</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="col-12 visible-sm">
                    <div id="tab2">
                        <p>Hướng dẫn mua hàng</p>
                    </div>
                </div>
                <div id="ctab2">
                    <img src="<?php echo bloginfo('template_url'); ?>/img/huongdan-2.png">
                </div>
                <div class="col-12 visible-sm">
                    <div id="tab3">
                        <p>Đánh giá của khách hàng</p>
                    </div>
                </div>
                <div id="ctab3" class="form-horizontal"> 
                    <div class="xblock">
                        <h4 class="pink">Chấm sao</h4>
                        <?php echo do_shortcode('[starratingmulti id=1 tpl=12]'); ?>
                        <br />
                    </div>

                    <h4 class="pink">Bạn đã nhận được sản phẩm của chúng tôi?</h4>
                    <p>Mời bạn chia sẻ thông tin về sản phẩm với các khách hàng khác. Nhận ét của bạn sẽ được KK Fashion</p>

                    <?php comments_template(); ?>

                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <?php get_sidebar('product') ?> 
    </div>
    <script type="text/javascript">
        jQuery('.single_add_to_cart_button').html('Đặt hàng');
    </script>
    <style type="text/css">
@media (min-width: 768px) and (max-width: 991px) {
    .product-social + div{
        left: -133px !important;
        position: relative;
    }
}        
@media (max-width: 767px){
    .gdtblbottom td > div:last-child{
        float:none !important;
        margin-top: 30px;
    }
    .gdtblbottom td > div:last-child div{
        float:none !important;
        width: 70px;
    }
    .product .header-description .title .line_1{
        margin-left: 0;
    }
    #carousel-example-generic-smp{
        margin: 0;
    }
    #carousel-example-generic-smp .carousel-control{
        margin-top: 170px;
    }
}
    </style>
</div>
<!-- End Content -->
